<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let color = 'skyblue'
        const obj = {
            id:1,
            name:'小米',
            price:1999
            // color 
        }
        // 需求，给obj添加一个color属性 
        Object.defineProperty(obj, 'color', {
            configurable:true, // 决定这个color是否可以配置或者说删除
            enumerable:true,  // 决定它是否可以被遍历
            // value writable ==> 不能和get和set一起使用
            get:function (){
                return color
            },
            set:function(val){
                color = val
            }
        })
        // 我让obj的color属性，代理了外层的color变量
    </script>
</body>
</html>